<template>
  <div>
    <div class="v-container">
      <v-header title="EXEED星途限量尊享车主权益">
        <div class="personal">
          <!-- <span class="h5-iconfont icon-user" @click="pageTo('personal')"></span> -->
          <!-- <img src="@/assets/images/icon_grzx.png" width="24" alt="个人中心"> -->
        </div>
      </v-header>
      <div class="mt">
        <div class="conWrap">
          <div class="con_ele" v-for="(data,key,index) in dataShow" v-bind:key="index">
            <div class="con g-clearfix" @click="showRule(data.type)">
              <img class="e_img" :src="data.img" width="60" :alt="data.h3">
              <div class="c_font">
                <h3>{{data.h3}}</h3>
                <p>{{data.p}}</p>
              </div>
            </div>
          </div>
        </div>
        <div class="button-box" v-on:click="submit">
          <p>立即兑换</p>
        </div>
      </div>
    </div>

    <mt-popup v-model="popupVisible[0].show" style="width:100%" position="bottom">
      <div id="login-title" style="background-color: #fff;margin-top: 10px;padding:10px">
        <h3 class="h3-style2" style="margin:0px 0px 0px 5px;">机场贵宾服务</h3>
      </div>
      <mt-navbar v-model="selected0" style="color:#333333">
        <mt-tab-item id="1">服务规则</mt-tab-item>
        <mt-tab-item id="2">注意事项</mt-tab-item>
        <mt-tab-item id="3">免责条款</mt-tab-item>
      </mt-navbar>

      <!-- tab-container -->
      <mt-tab-container v-model="selected0" style="color:#999999;padding:20px;height:300px;overflow:scroll">
        <mt-tab-container-item id="1">
          <ul>
            <li>1. 服务范围：覆盖全国105个城市，具体机场及航站楼详见“机场贵宾厅服务范围”；</li>
            <li>2. 服务对象：星途尊享权益车主；</li>
            <li>3. 服务响应时间：全天24小时可在线/来电预约服务，贵宾厅营业时间详见文件“机场贵宾厅服务范围”；</li>
            <li>4. 此项服务仅限星途尊享权益车主使用，自线上提交、核验权益车主身份信息后一年内，享有无限次机场贵宾厅服务；</li>
          </ul>
        </mt-tab-container-item>
        <mt-tab-container-item id="2">
          <ul>
            <li>1. 需提前2-24小时线上/电话预约服务，预约信息提交完成后，权益人手机即可收到服务券码及贵宾厅位置相关信息，本服务预约后不可取消/修改；</li>
            <li>2. 贵宾厅服务时长的限制，详见“机场贵宾厅服务范围”所示；</li>
            <li>3. 服务现场需出示星途尊享权益车主身份证件或登机牌、服务券码，核验权益人身份后即可享用服务；</li>
            <li>4. 本服务仅限星途尊享车主本人使用，现场未通过身份核验的，无法享用本服务；非权益人本人现场使用服务的，需在现场另行付费使用（收费标准按贵宾厅现场明牌标示执行）；</li>
            <li>5. 如使用贵宾厅内的收费项目，客户需按厅内标明价值付费；</li>
          </ul>
        </mt-tab-container-item>
        <mt-tab-container-item id="3">
          <ul>
            <li>1. 醉酒或处于无意识状态且无人陪同的客户；</li>
            <li>2. 客户携带具有危险性的物质和物品以及国家法律规定违禁物品；</li>
            <li>3. 客户未妥善保管随身携带的贵重物品发生丢失，我方不承担举证责任；</li>
            <li>4. 客户在服务过程中干扰服务人员工作或者要求违规操作的；</li>
            <li>5. 客户刻意破坏并裹挟贵宾候车室内物品的行为；</li>
            <li>6. 客户不遵守贵宾候车室守则，大声喧哗，无理取闹等；</li>
          </ul>
        </mt-tab-container-item>
      </mt-tab-container>
    </mt-popup>

    <mt-popup v-model="popupVisible[1].show" style="width:100%" position="bottom">
      <div id="login-title" style="background-color: #fff;margin-top: 10px;padding:10px">
        <h3 class="h3-style2" style="margin:0px 0px 0px 5px;">高铁贵宾服务</h3>
      </div>
      <mt-navbar v-model="selected1" style="color:#333333">
        <mt-tab-item id="1">服务规则</mt-tab-item>
        <mt-tab-item id="2">注意事项</mt-tab-item>
        <mt-tab-item id="3">免责条款</mt-tab-item>
      </mt-navbar>

      <!-- tab-container -->
      <mt-tab-container v-model="selected1" style="color:#999999;padding:20px;height:300px;overflow:scroll">
        <mt-tab-container-item id="1">
          <ul>
            <li>1. 服务范围：详见“高铁贵宾厅服务范围”；</li>
            <li>2. 服务对象：EXEED星途尊享权益车主；</li>
            <li>3. 服务响应时间：全天24小时可在线/来电预约服务，贵宾厅营业时间详见文件“高铁贵宾厅服务范围”；</li>
            <li>4. 此项服务仅限EXEED星途尊享权益车主使用，自线上提交、核验权益车主身份信息后一年内，享有无限次高铁贵宾厅服务。</li>
          </ul>
        </mt-tab-container-item>
        <mt-tab-container-item id="2">
          <ul>
            <li>1. 需提前2-24小时在线/电话预约服务，预约信息提交完成后，权益人手机即可收到服务券码及贵宾厅位置相关信息，本服务预约后不可取消/修改；</li>
            <li>2. 贵宾厅服务时长的限制，详见“高铁贵宾厅服务范围”所示;</li>
            <li>3. 服务现场需出示尊享权益车主身份证件或车票、服务券码，核验权益人身份后即可享用服务；</li>
            <li>4. 本服务仅限EXEED星途尊享车主本人使用，现场未通过身份核验的，无法享用本服务；非权益人本人现场使用服务的，需在现场另行付费使用（收费标准按贵宾厅现场明牌标示执行）；</li>
            <li>5. 客户刻意破坏并裹挟贵宾候车室内物品的行为；</li>
            <li>6. 如使用贵宾厅内的收费项目，客户需按厅内标明价值付费；</li>
          </ul>
        </mt-tab-container-item>
        <mt-tab-container-item id="3">
          <ul>
            <li>1. 醉酒或处于无意识状态且无人陪同的客户；</li>
            <li>2. 客户携带具有危险性的物质和物品以及国家法律规定违禁物品的；</li>
            <li>3. 客户未妥善保管随身携带的贵重物品发生丢失，我方不承担举证责任；</li>
            <li>4. 客户在服务过程中干扰服务人员工作或者要求违规操作的；</li>
            <li>5. 客户刻意破坏并裹挟贵宾候车室内物品的行为；</li>
            <li>6. 客户不遵守贵宾候车室守则，大声喧哗，无理取闹等；</li>
          </ul>
        </mt-tab-container-item>
      </mt-tab-container>
    </mt-popup>

    <mt-popup v-model="popupVisible[2].show" style="width:100%" position="bottom">
      <div id="login-title" style="background-color: #fff;margin-top: 10px;padding:10px">
        <h3 class="h3-style2" style="margin:0px 0px 0px 5px;">机场P+R停车服务</h3>
      </div>
      <mt-navbar v-model="selected2" style="color:#333333">
        <mt-tab-item id="1">服务规则</mt-tab-item>
        <mt-tab-item id="2">服务流程</mt-tab-item>
      </mt-navbar>

      <!-- tab-container -->
      <mt-tab-container v-model="selected2" style="color:#999999;padding:20px;height:300px;overflow:scroll">
        <mt-tab-container-item id="1">
          <ul>
            <li>1. 客户须提前24小时（节假日须提前48小时）预约本服务，可通过线上（EXEED星途官方微信服务号-尊享权益兑换-验证权益人身份-点击“机场P+R停车”-在线选择预约停车起始日期时间、停车场、往返航班号）或致电4008801768-3进行预约；</li>
            <li>2. 受理成功后，最晚将于服务前3小时通过短信形式发送确认预约成功、停车场相关信息至EXEED星途尊享权益车主手机；</li>
            <li>3. 此项服务仅限EXEED星途尊享权益车辆使用，自线上提交、核验权益车主身份信息后一年内，享有12天机场P+R停车服务，服务机场（停车场）列表详见“机场P+R停车范围”。</li>
            <li>4. 客户取车时验证预约停车天数，超出原定预约停车天数，需付现金，收费标准按该停车场明牌标准执行；</li>
            <li>5. 服务预约时间前2小时可在线或致电4008801768-3取消订单，未在线或电话取消订单而又未使用服务的，仍将扣除服务相应权益次数；</li>
            <li>6. 如欲修改订单（如预约时间、停车场），请于原定服务前2小时致电4008801768-3查询富余资源情况进行调配，如资源不足，客服将提供需求对应的有效资源建议，若不满意该建议资源调配的，可当即取消订单。</li>
          </ul>
        </mt-tab-container-item>
        <mt-tab-container-item id="2">
          <ul>
            <li>1. 客户须提前24小时（节假日须提前48小时）预约本服务，可通过线上（EXEED星途官方微信服务号-尊享权益兑换-验证权益人身份-点击“机场P+R停车”-在线选择预约停车起始日期时间、停车场、往返航班号）或致电4008801768-3进行预约；</li>
            <li>2. 受理成功后，最晚将于服务前3小时通过短信形式发送确认预约成功、停车场相关信息至EXEED星途尊享权益车主手机；</li>
            <li>3. 客户凭预约入库车辆车牌号到指定停车场验证停车；</li>
            <li>4. 无须客户交钥匙，客户自停，停车场内有休息室供客户休息；</li>
            <li>5. 客户乘坐停车场定时班次摆渡车前往机场出发层；</li>
            <li>6. 返程下机后，客户凭借短信中停车场联系电话联系；</li>
            <li>7. 摆渡车会到机场地库中接到客户返回停车场。</li>
          </ul>
        </mt-tab-container-item>
      </mt-tab-container>
    </mt-popup>

    <mt-popup v-model="popupVisible[3].show" style="width:100%" position="bottom">
      <div id="login-title" style="background-color: #fff;margin-top: 10px;padding:10px">
        <h3 class="h3-style2" style="margin:0px 0px 0px 5px;">酒后代驾服务</h3>
      </div>
      <mt-navbar v-model="selected3" style="color:#333333">
        <mt-tab-item id="1">服务规则</mt-tab-item>
        <mt-tab-item id="2">服务流程</mt-tab-item>
        
      </mt-navbar>

      <!-- tab-container -->
      <mt-tab-container
        v-model="selected3"
        style="color:#999999;padding:20px;height:300px;overflow:scroll"
      >
        <mt-tab-container-item id="1">
          <ul>
            <li>1. 酒后代驾服务仅限EXEED星途尊享权益车辆使用。</li>
            <li>2. 权益人享受酒后代驾服务，需通过EXEED星途微信公众号或致电4008801768-3进行预约，并提供尊享权益人姓名、联系电话、车牌号等的代驾信息，并告知使用服务的时间、具体起始与目的地地址。</li>
            <li>3. 酒后代驾服务每个自然日(00：00-24：00)限使用1次，且权益人需在代驾当天至少提前30分钟通过EXEED星途微信公众号或致电4008801768-3进行服务预约。</li>
            <li>4. 受理成功后，服务商后台系统会发送预约成功短信，如权益人行程无变动，则酒后代驾服务正式生效。如有特殊情况需取消服务的，需至少于原定预约服务前20分钟告知，否则将视同已使用了本次服务并扣减相应权益次数。</li>
            <li>5. 如权益人需更改代驾起始地点，需至少提前20分钟告知，如权益人未提前告知造成服务无法正常进行，将视同已使用了本次服务并扣减相应权益次数。</li>
            <li>6. 服务人员在预约指定时间到达权益人预约指定地点后，30分钟内联系不上权益卡人或权益人仍未出现，则预约服务自动取消且扣减相应权益次数。</li>
            <li>7. 本服务免费等候时间为30分钟（自原定预约服务时间起算）；服务人员在预约指定时间到达权益人预约指定地点后，如权益人要求服务人员等待，需要在预约指定时间后的30分钟内以现金或其他服务商接受的方式现场一次性预付等候费30元（等候时间从免费30分钟等候时间结束后开始计算，等候费用标准30元/30分钟，不足30分钟以30分钟计），如权益人未预付等候费则服务自动取消且扣减相应权益次数。服务人员最长等待为1小时（以预约指定时间起算），若1小时后权益人仍未接受服务，则服务自动取消且扣减相应权益次数。</li>
            <li>8. 服务人员在预约指定时间到达权益人预约指定地点后，服务商现场核验EXEED星途尊享车主车牌信息，非本车使用的，服务人员随即离开现场，且视已使用服务一次。</li>
            <li>9. 在服务地点和前往目的地确定后，由服务商服务人员根据当时实际情况选择最为安全、快捷和合理的路线，中途不停靠。权益人在中途要求停靠接/放人员或下车将被视作服务结束，并扣减相应权益次数。</li>
            <li>10. 代驾过程中产生的过路过桥费、高速公路费、停车费、燃油费由权益人承担。</li>
            <li>11. 每次代驾单程最大距离为50公里，服务范围限指定城市服务区域，对于超出50公里限额以外的费用，由权益人按照20元/5公里的费率自行承担，不足5公里的按5公里计算。</li>
            <li>12. 如权益人免费服务次数用尽，仍需服务商提供收费服务，则应致电服务商垂询服务预约情况，服务商在保证其他客户权益内服务的基础上，按照当时资源提供服务，由权益人按照每次180元（每次代驾单程最大距离为50公里，服务范围限指定城市服务区域）的费率以现金或其他服务商接受的方式现场一次性向服务人员支付，超限及等候收费标准同上条。</li>
            <li>13. 收费服务的发票由服务商事后邮寄至权益人指定地址。</li>
            <li>14. 代驾人员由服务商统一调配、安排指定，权益人不可指定代驾人员。</li>
          </ul>
        </mt-tab-container-item>
        <mt-tab-container-item id="2">
          <ul>
            <li>1. 服务期限内您每自然日限使用该服务一次，服务时间为每日00：00至24:00。</li>
            <li>2. 此项服务仅限EXEED星途尊享权益车辆使用，自线上提交、核验权益车主身份信息后一年内，享有12次酒后代驾服务。</li>
            <li>3. 敬请至少提前30分钟通过线上（EXEED星途官方微信服务号-尊享权益兑换-验证权益人身份-点击“酒后代驾”-在线选择预约日期时间、起始地、目的地）或致电4008801768-3进行预约。</li>
            <li>4. 可提供酒后代驾服务的城市及服务区域详见“酒后代驾服务范围”。代驾起始地、目的地均需在服务范围以内，您需在服务范围内享用此项服务，仅限同城使用。</li>
          
          </ul>
        </mt-tab-container-item>
      </mt-tab-container>
    </mt-popup>

    <mt-popup v-model="popupVisible[4].show" style="width:100%" position="bottom">
      <div id="login-title" style="background-color: #fff;margin-top: 10px;padding:10px">
        <h3 class="h3-style2" style="margin:0px 0px 0px 5px;">道路救援服务</h3>
      </div>
      <mt-navbar v-model="selected4" style="color:#333333">
        <mt-tab-item id="1">紧急拖车注意事项</mt-tab-item>
        <mt-tab-item id="2">现场维修紧急处理注意事项</mt-tab-item>
      </mt-navbar>

      <!-- tab-container -->
      <mt-tab-container v-model="selected4" style="color:#999999;padding:20px;height:300px;overflow:scroll">
        <mt-tab-container-item id="1">
          <ul>
            <li>1. 此项服务仅限EXEED星途尊享权益车辆使用，自线上提交、核验权益车主身份信息后的一年内，您可以无限次地享受此项服务；</li>
            <li>2. 服务人员抵达现场将校验车牌信息，非EXEED星途尊享权益车辆的，服务商现场随即离开，不提供服务；</li>
            <li>3. 本拖车服务目的地仅为EXEED星途指定4S网点（提供的网点清单列中），服务需求一经确认不得中途停靠，否则您将需承担该次服务的整单拖车费用；</li>
            <li>4. 在紧急拖车服务中不包括交通部门或其他部门规定限制第三方道路救援活动的路段以及在高速公路、隧道、大桥、高架道路等收费路段产生的路桥费及特殊环境下的抢险其他费用（如地库拖车、险境脱困）；</li>
            <li>5. 您可通过线上拨打4000022000（EXEED星途呼叫中心电话）进行预约；</li>
            <li>6. 事故车辆就近4S网点详情、超限服务费用可致电4000022000进行咨询；</li>
            <li>7. 收费服务的发票由服务商事后邮寄至付款人指定地址；</li>
            <li>8. 服务人员及车辆由服务商统一调配、安排指定，权益人不可指定；</li>
          </ul>
        </mt-tab-container-item>
        <mt-tab-container-item id="2">
          <ul>
            <li>1. 此项服务仅限EXEED星途尊享权益车辆使用，自线上提交、核验权益车主身份信息后的一年内，服务期限内您可以无限次地享受此项服务；</li>
            <li>2. 服务人员抵达现场将校验车牌信息，非EXEED星途尊享权益车辆的，服务商现场随即离开，不提供服务；</li>
            <li>3. 我们将承担事故车辆与其最近的抢修网点间15KM的相应维修人员的交通费用与工时费用，超出15KM按8元/KM计费。由用户现场支付至服务商；</li>
            <li>4. 现场维修服务包括换胎、充电、加水和其他小于30分钟的机械修理；</li>
            <li>5. 现场维修中任何配件或其它材料的供应或更换均不涵盖其中；</li>
            <li>6. 现场维修服务中不包括交通部门或其他部门规定限制第三方道路救援活动的路段；</li>
            <li>7. 您可通过线上拨打4000022000（EXEED星途呼叫中心电话）进行预约；</li>
            <li>8. 事故车辆就近4S网点详情、超限服务费用可致电4000022000进行咨询；</li>
            <li>9. 收费服务的发票由服务商事后邮寄至权益人指定地址；</li>
            <li>10. 紧急维修人员由服务商统一调配、安排指定，权益人不可指定；</li>
          </ul>
        </mt-tab-container-item>
      </mt-tab-container>
    </mt-popup>

    <mt-popup v-model="popupVisible[5].show" style="width:100%" position="bottom">
      <div id="login-title" style="background-color: #fff;margin-top: 10px;padding:10px">
        <h3 class="h3-style2" style="margin:0px 0px 0px 5px;">普通洗车服务</h3>
      </div>
      <mt-navbar v-model="selected5" style="color:#333333">
        <mt-tab-item id="1">注意事项</mt-tab-item>
      </mt-navbar>

      <!-- tab-container -->
      <mt-tab-container v-model="selected5" style="color:#999999;padding:20px;height:300px;overflow:scroll">
        <mt-tab-container-item id="1">
          <ul>
            <li>1. 此项服务仅限EXEED星途尊享权益车辆本车使用，自线上提交、核验权益车主身份信息后的一年内，您拥有12次普通洗车服务；</li>
            <li>2. 您可通过线上（EXEED星途官方微信服务号-尊享权益兑换-验证权益人身份-点击“普通洗车”）在线兑换券码，兑换成功的服务券码可在个人中心“我的券码”中点击查看，供服务网点现场核销使用；</li>
            <li>3. 服务网点列表每日更新供在线查询，您可按需选择网点列表中的洗车网点，前往出示券码核销，使用服务；</li>
            <li>4. 为节省您的宝贵时间，我们建议您前往服务网点前致电门店预约（预约电话见线上服务网点列表）；</li>
          </ul>
        </mt-tab-container-item>
      </mt-tab-container>
    </mt-popup>
  </div>
</template>

<script>
import vHeader from "@/components/Header.vue";
import { Resource } from "@/services/resource";
import LocalStorage from "@/services/storage";

export default {
  name: "home",
  components: {
    vHeader
  },
  props: {
    title: {
      type: String,
      default: "标题"
    }
  },
  data() {
    return {
      msg: "Footera",
      selected0: "1",
      selected1: "1",
      selected2: "1",
      selected3: "1",
      selected4: "1",
      selected5: "1",
      popupVisible: [
        { show: false },
        { show: false },
        { show: false },
        { show: false },
        { show: false },
        { show: false }
      ],
      dataShow: [
        {
          img: require("@/assets/images/h_e01.png"),
          h3: "机场贵宾厅",
          type: 0,
          p:
            "可提供舒适座椅、免费茶点、试听娱乐、报刊杂志、免费WIFI、登机提醒等服务。"
        },
        {
          img: require("@/assets/images/h_e02.png"),
          h3: "高铁贵宾厅",
          type: 1,
          p:
            "可提供舒适座椅、茶点小食，报刊书籍、WIFI上网、手机充电、视听娱乐、登机提醒等服务。"
        },
        {
          img: require("@/assets/images/h_e03.png"),
          h3: "机场P+R停车",
          type: 2,
          p:
            "权益车主可预约服务网络内机场周边停车场自助泊车，24H接驳车接送至目的地。停车场内监控全面覆盖，安排专人值守，车主不用交车钥匙亦可满足机场周边停车需求。"
        },
        {
          img: require("@/assets/images/h_e04.png"),
          h3: "酒后代驾",
          type: 3,
          p:
            "若您在酒后无法自行驾驶，我们将为您安排专业的代驾人员，驾驶您的座驾将您及爱车送返至家。"
        },
        {
          img: require("@/assets/images/h_e05.png"),
          h3: "道路救援",
          type: 4,
          p:
            "当您的汽车出现机械或电器故障，造成车辆无法继续安全行驶时，我们将安排人员快速维修或拖车将你的座驾拖至就近的指定4S服务网点。"
        },
        {
          img: require("@/assets/images/h_e06.png"),
          h3: "普通洗车",
          type: 5,
          p:
            "可提供全车检查、冲洗车身、喷洒洗车香波、擦洗车身、全车冲洗、全车吹水擦干、刷洗脚垫、擦拭车窗玻璃等服务。"
        }
      ]
    };
  },
  created() {

    let loginStatus = LocalStorage.getLocalStorage('loginStatus');
    let userInfo = JSON.parse(localStorage.getItem("userInfo"))
    if(loginStatus && userInfo && userInfo.carId !== null && userInfo.serviceEndTime !== null) {
      this.$router.push("/mainpage");
    }
  },
  mounted() {

    // this.loginAuto();
    var that=this;
    let token = LocalStorage.getLocalStorage('token');
    let loginStatus = LocalStorage.getLocalStorage('loginStatus');
    let openid = LocalStorage.getLocalStorage('openid');
    let isWx=that.is_weixn();
    // if (!(token && loginStatus)) {
      if(loginStatus){
     
        Resource.removeLogin
          .post({}, {matrixContent:loginStatus})
          .then(res => {
            if (res.head.resultCode == "000000") {
              let token2 = res.head.token;
              LocalStorage.setLocalStorage(
                "token",
                token2,
                59 * 60 * 1000
              );
            }
          })
      }else if(isWx){
        if(openid){
          that.loginAuto(openid);
        }else{
          let code = that.getUrlParam("code");
          if(code == null || code === ''){
            var local = window.location.href;
            Resource.getAppId
            .post({}, {})
            .then(res => {
              if (res.head.resultCode == "000000") {
                let appid = res.body.appId;
                window.location.href = "https://open.weixin.qq.com/connect/oauth2/authorize?appid="+appid+
                "&redirect_uri="+encodeURIComponent(local)+"&response_type=code&scope=snsapi_base&state=1#wechat_redirect";
              
              }
            })
          }else{
            Resource.getOpenId
            .post({}, {"code": code})
            .then(res => {
              if (res.head.resultCode == "000000") {
                let openid = res.body.openId;
                LocalStorage.setLocalStorage(
                  "openid",
                  openid,
                  90 * 24 * 60 * 60 * 1000
                );
                that.loginAuto(openid);
              }
            })
          }
        }
      }
    // }







  },
  methods: {
    is_weixn(){ 
      var ua = navigator.userAgent.toLowerCase(); 
      return ua.match(/MicroMessenger/i)=='micromessenger';
    },
    getUrlParam(name){
      var reg = new RegExp('(^|&)'+name+'=([^&]*)(&|$)');
      var r = window.location.search.substr(1).match(reg);
      if(r!=null){
        return unescape(r[2]);
      }
      return null;
    },
    submit() {
      
      let loginStatus = LocalStorage.getLocalStorage('loginStatus');
      let userInfo = JSON.parse(localStorage.getItem("userInfo"))
      if(loginStatus == null) {
        this.$router.push("/login");
      } else if(userInfo && (userInfo.carId == '' || userInfo.carId == null)) {
        this.$router.push("/moreInformation");
      } else if(userInfo && (userInfo.serviceEndTime == '' || userInfo.serviceEndTime == null)) {
        this.$router.push("/equity");
      } else {
        this.$router.push("/mainpage");
      }
    },
    // 免登录
    loginAuto(openid) {
      Resource.removeLogin
        .post({}, {openId:openid})
        .then(res => {
          if (res.head.resultCode == "000000") {
            let token2 = res.head.token;
            let matrixContent = res.body.matrixContent;
            LocalStorage.setLocalStorage(
              "token",
              token2,
              59 * 60 * 1000
            );
            LocalStorage.setLocalStorage(
              "loginStatus",
              matrixContent,
              90 * 24 * 60 * 60 * 1000
            );
          }
        })
    },
    showRule(type) {
      this.popupVisible.forEach(item => {
        item.show = false;
      });
      this.popupVisible[type].show = true;
    }
  }
};
</script>

<style lang="less" scoped>
@import url("./home.less");
</style>